<!-- <template>
    <div class="box" v-if="item">
        <div class="box-on">
            <button @click="addon">点击关闭弹框</button>
        </div>
    </div>
</template>
<style>
.box {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
.box-on {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    width: 400px;
    height: 400px;
    background-color: bisque;
}
</style>
<script setup lang="ts">
import { defineProps, defineEmits } from "vue"
const props = defineProps({
    item: {
        type: Boolean,
        default: true,
    },
});
const emit = defineEmits(["addon"]);
const addon = () => {
    emit("addon", false);
};
</script> -->